<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="../../css/mui.min.css" />
		<link rel="stylesheet" href="../../css/share/common.css" />
		<link rel="stylesheet" href="../../css/card/bindingVip.css" />
		<title></title>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav ">
			<a class="mui-icon mui-pull-left mui-icon-left-nav mui-action-back header-left "></a>
			<h1 class="mui-title">绑定会员卡</h1>
		</header>

		<div class="main">
			<div class="clearfix">
				<div class="pull_left" style="padding: 10px;">商&nbsp;场</div>
				<div class="pull_left">
				    <select style=" width: 241px;">
                    <option value ="华联超市">华联超市</option>
                    <option value ="物美超市">物美超市</option> 
                </select>
				</div>
			</div>

			<div class="clearfix">
				<div class="pull_left" style="padding: 10px;">卡&nbsp;号</div>
				<div class="pull_left" style="width: 241px;"><input type="number" /></div>
			</div>
			<div class="clearfix">
				<div class="pull_left" style="padding:10px;">姓&nbsp;名</div>
			    <div class="pull_left" style="width: 241px;"> <input type="text"/></div>	
			</div>
			<div class="clearfix">
				<div class="pull_left" style="padding: 10px;">电&nbsp;话 </div>
				<div class="pull" style="padding: 10px;">135****4421</div>
			</div>
			<div>
			<div class="pull_left" style="padding: 8px;">验证码</div>
			<div class="main_input_con box_orient_h pull_left" style="width:241px;">
				<input type="text" id="code" name="code" ng-pattern="/^[0-9]{6,20}$/">
				<button value="获取验证码" id="maincode" class="main_code" onclick="getCode()">
						获取验证码
					</button>
			</div>
			</div>
		</div>
	    <div class="btn">
			<button>
					绑定会员卡
				</button>
		</div>
	</body>

</html>